<template>
  <div class="pay">
    <div class="detail_card">
      <span>保温袋</span>
      <span>￥1.00</span>
    </div>
    <div class="detail_card">
      <span>配送费</span>
      <span>￥5.00</span>
    </div>
    <div class="detail_card">
      <span>减配送费</span>
      <span>-￥5.00</span>
    </div>
    <div class="detail_card">
      <span>支付方式</span>
      <span>微信支付</span>
    </div>
    <div class="detail_card">
      <span>微信支付</span>
      <span>￥20.00</span>
    </div>
    <div class="detail_card">
      <span>实付</span>
      <span>￥20.00</span>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.pay {
  background-color: #fff;
  margin: 2vw auto;
  padding: 2vw;
  border-radius: 2vw;
  width:100%;
  box-sizing: border-box;
}
.detail_card {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.detail_card span {
  font-size: 14px;
  display: block;
  line-height: 24px;
}
</style>